奥义思网站建设-www.aooly.com
奥义思坚信质量高于产量
我们的团队自成立以来,秉承着质量是衡量价值最重要标准的理念,致力于打造高品质数字产品。不放过任何一个小的瑕疵而一蹴而就,体现的不仅是我们对品质的苛求,也是对客户以及产品负责的态度。
马上联系我们,让天才的设计师帮您实现这一切。

    CSS完全教程7 字体(Font)属性

      5、字体(Font)属性:

       

      这里定义了关于字体的各种属性。

       

      font-family属性定义字体的名称,可以是一个字体的名称,也可以是一类字体的名称,字体的名称一定要和计算机系统里的完全一样:

      属性名称: 'font-family'
      属性值: [[ <family-name> | <generic-family> ],]* [<family-name> | <generic-family>]
      初始值: 根据用户定义而定
      适合对象: 所有元素
      是否继承: yes
      百分比备注: 被禁止

      有些计算机系统里如果没有样式单要求的字体,可以再设一个次字体以备万一。例如:

      BODY { font-family: Baskerville, "Heisi Mincho W3", Symbol, serif }

      family-name是指确定的某字体,如Heisi Mincho W3generic-family指某一类字体,如serif

       

      font-style属性描述字体的倾斜程度:

      属性名称: 'font-style'
      属性值: normal | italic | oblique
      初始值: normal
      适合对象: 所有元素
      是否继承: yes
      百分比备注: 被禁止


      font-variant属性:

      属性名称: 'font-variant'
      属性值: normal | small-caps
      初始值: normal
      适合对象: 所有元素
      是否继承: yes
      百分比备注: 被禁止

      一个使用了small-caps属性的元素中的小写字母看起来要比正常的大写字母小一些。

      font-weight属性用来描述字重。

      属性名称: 'font-weight'
      属性值: normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
      初始值: normal
      适合对象: 所有元素
      是否继承: yes
      百分比备注: 被禁止

      100900代表9种不同的字重,400代表normal700代表bold900是最重的字体,bolderlighter表示字体的字重比父元素高或低一级,比如父元素字重为400,则bolder代表字重500,如果父元素本身字重为900,那么bolder后,字重还是900,同样的lighter也一样。有些字体并没有100900那么全的字重,也许是从300700,那么字重的最小和最大值也为300700。例如:

      P { font-weight: normal } /* 400 */
      H1 { font-weight: 700 } /* bold */

      font-size属性描述字体的大小:

      属性名称: 'font-size'
      属性值: <absolute-size> | <relative-size> | <length> | <percentage>
      初始值: medium
      适合对象: 所有元素
      是否继承: yes
      百分比备注: relative to parent element's font size

      该属性可以使用绝对大小,也可以使用相对大小,其中绝对大小可以使用,如下关键字表示:

      xx-small | x-small | small | medium | large | x-large | xx-large 分别代表最小、较小、小、中等、大、较大和最大。相对大小可以使用:larger smaller描述。例如:

      P { font-size: 12pt; }
      BLOCKQUOTE { font-size: larger }
      EM { font-size: 150% }
      EM { font-size: 1.5em }

      Font属性是以上属性的快捷方式,属性如下:

      属性名称: 'font'
      属性值: [ [ <'font-style'> || <'font-variant'> || <'font-weight'> ]? <'font-size'> [ / <'line-height'> ]? <'font-family'> ]
      适合对象: 所有元素
      是否继承: yes
      百分比备注: 只在font-size使用

      例如:

      P { font: 12pt/14pt sans-serif } P { font: 80% sans-serif }
      P { font: x-large/110% "new century schoolbook", serif }
      P { font: bold italic large Palatino, serif }
      P { font: normal small-caps 120%/120% fantasy }